import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../views/Login.vue'
import Home from '../views/Home.vue'
import Welcome from '../views/Welcome.vue'
import User from '../views/User.vue'
import File from '../views/File.vue'
import Api from '../views/Api.vue'
import Druid from '../views/Druid.vue'

Vue.use(VueRouter)

const routes = [
    { path: "/", redirect: "/login" },
    { path: "/login", component: Login },
    {
        path: "/home",
        component: Home,
        redirect: '/welcome',
        children: [
            { path: '/welcome', component: Welcome },
            { path: '/user', component: User },
            { path: '/file', component: File },
            { path: '/api', component: Api },
            { path: '/druid', component: Druid }
        ]
    }
]

const router = new VueRouter({
    routes
})

router.beforeEach((to, from, next) => {
    //to将要访问的路径
    //from代表从哪个路径跳转而来
    //next是一个函数, 表示放行
    //next() 放行next('/ login') 强制跳转

    if (to.path === '/login') return next();
    // 获取 secretKey
    const secretKey = window.sessionStorage.getItem('secretKey')
    if (!secretKey) return next('/login')
    next()
})

export default router